/**
 * 学习目标：react中事件 传递参数
 * 唯一的解决方法：定义一个函数(不要调用),函数里面再调用要执行的方法，就可以随意传参
 *
 */

import React from 'react';
import ReactDOM from 'react-dom';

class Hello extends React.Component {
  del(e, id) {
    console.log('id -----> ', id);
  }

  render() {
    return (
      <div>
        <a
          href="http://www.baidu.com"
          //   定义一个函数(不要调用),函数里面再调用，就可以随意传参
          onClick={(e) => {
            e.preventDefault();
            this.del(e, 2);
          }}
        >
          点我去百度
        </a>
        <button
          // 直接绑定方法是没办法实现 传参
          //   只能改造成上面的方法
          onClick={(e) => this.del(e, 3)}
        >
          点我触发事件
        </button>
      </div>
    );
  }
}

const dom = (
  <>
    <Hello></Hello>
  </>
);

ReactDOM.render(dom, document.getElementById('root'));
